import './App.css';
import { Link, Routes, Route } from 'react-router-dom'
import List from './pages/List';
import Detail from './pages/Detail';
import Department from './pages/Department'
import DoctorMGT from './pages/DoctorMGT'
import EditDetails from './pages/EditDetails';
import DoctorView from './pages/DoctorView';
import DoctorEdit from './pages/DoctorEdit';
function App() {

  const goVue = () => {
    window.history.pushState({}, '', '/sub-vue')
  }

  return (
    <div className="App">
      {/* <h2>react 子应用</h2>
      <div className='menu'>
        <Link to={'/'}>list</Link>
        <Link to={'/detail'}>detail</Link>
        <a onClick={goVue}>vue列表页</a>
      </div> */}
      <Routes>
        <Route path='/HospitalDetails' element={<List />} />
        <Route path='/Department' element={<Department />} />
        <Route path='/DoctorMGT' element={<DoctorMGT />} />
        <Route path='/EditDetails' element={<EditDetails />} />
        <Route path='/DoctorView' element={<DoctorView />} />
        <Route path='/DoctorEdit' element={<DoctorEdit />} />
        <Route path='/Detail' element={<Detail />} />
      </Routes>
    </div>
  );
}

export default App;
